<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:m="http://code.google.com/p/gmaps4jsf/">
    <link rel="stylesheet" href="estilo.css" />
    <f:view>

        <h:head>
            <title>Reportes</title>
        </h:head>
        <h:body>
            <div id="banner">
                <h1><span class="Estilo1">Glogal Observing System</span><h2><span class="Estilo2">Bienvenido <h:outputText value="#{faces.name}-#{faces.tipoUsuario}"/> </span></h2></h1>
            </div>
            <h:form id="tablaReporte" >
                Tabla de datos Recolectados
                <table border="1">
                    <tr>
                        <td>Presión atmosférica</td>
                        <td>#{faces.presion}</td>
                    </tr>
                    <tr>
                        <td>Velocidad del viento</td>
                        <td>#{faces.velocidad}</td>
                    </tr>
                    <tr>
                        <td>Dirección del viento</td>
                        <td>#{faces.direccion}</td>
                    </tr>
                    <tr>
                        <td>Temperatura del aire</td>
                        <td>#{faces.temperatura}</td>
                    </tr>
                    <tr>
                        <td>Humedad relativa</td>
                        <td>#{faces.humedad}</td>
                    </tr>
                    <tr>
                        <td>Temperatura del agua</td>
                        <td>#{faces.tempAgua}</td>
                    </tr>
                    <tr>
                        <td>Cantidad de lluvia</td>
                        <td>#{faces.cantidad}</td>
                    </tr>
                </table>
            </h:form>

            <div id="ext">
                <h:outputLink value="principal.xhtml"> Pagina principal </h:outputLink>
            </div>
        </h:body>
    </f:view>

</html>
